<app-load *ngIf="isLoading"></app-load>
<app-tip [type]="tipType"></app-tip>
<div>
  <header class="flex">
    <div class="left" [routerLink]="['/login']"  id="btn-back">
      <div><i class="fas fa-chevron-left"></i></div>
    </div>
    <div class="center"><span>忘记密码第一步</span></div>
    <div class="right"></div>
  </header>
</div>

<div class="main">

  <div class="item flex">
    <div class="left"><i class="fa fa-mobile-alt"></i></div>
    <div class="right"><input type="text" class="c-select" placeholder="请输入手机号" maxlength="11" [(ngModel)]="info.mobile"></div>
  </div>
  <div class="item flex">
    <div class="left"><i class="fa fa-key"></i></div>
    <div class="center"><input type="text" class="c-select" placeholder="请输入验证码" [(ngModel)]="info.code"></div>
    <div class="right get-code" (click)="getCode()" *ngIf="!codeFlag"><span>获取验证码</span></div>
    <div class="right" *ngIf="codeFlag" style="color: #999;text-align: center"><span>{{codeStr}}</span></div>
  </div>

  <div class="btn" style="margin-top: 2em" (click)="onSubmit()">
    <div class="btn-submit">下一步</div>
  </div>
</div>
